<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>test</title>
	</head>
	<body>
		<div id="container"></div>
		<script type="text/javascript" src="../js/jquery/jquery-1.8.1.min.js"></script>
		<script type="text/javascript" src="../js/jquery/jquery-ui-1.8.23.custom.min.js"></script>
		<script type="text/javascript" src="../js/kinetic-v4.0.5.js"></script>
		<script>
			var stage = new Kinetic.Stage({
				container : 'container',
				width : 578,
				height : 200
			});

			var layer = new Kinetic.Layer();

			var rect = new Kinetic.Rect({
				x : 239,
				y : 75,
				width : 100,
				height : 50,
				fill : 'green',
				stroke : 'black',
				strokeWidth : 4
			});

			// add the shape to the layer
			layer.add(rect);

			// add the layer to the stage
			stage.add(layer);

		</script>
	</body>
</html>
